<template>
  <div id="app">
    <router-link to="/first-solution"
      ><el-button type="primary"> 第一种</el-button></router-link
    >
    <router-link to="/second-solution">
      <el-button type="primary"> 第二种</el-button></router-link
    >
    <router-link to="/third-solution">
      <el-button type="primary"> 第三种</el-button></router-link
    >
    <router-link to="/zidingyi"
      ><el-button type="primary">测试自定义指令的双向绑定</el-button>
    </router-link>
    <router-link to="/count"
      ><el-button type="primary">通过vuex实现的计算器</el-button>
    </router-link>
    <router-link to="/router-practise"
      ><el-button type="primary">练习router</el-button>
    </router-link>
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'app',
  data() {
    return {
      btnFlag: false,
      t: '',
    };
  },

  methods: {

    enter() {
      this.t = setTimeout(() => {
        this.btnFlag = true;
      }, 1000);
    },
    leave() {
      this.btnFlag = false;
      clearTimeout(this.t);
    },
  },
};
</script>

<style lang="scss" scoped>

</style>
